<template>
  <div class="exception">
    <div class="img-con">
      <div class="img-ele" style="background-image: url('https://gw.alipayobjects.com/zos/rmsportal/KpnpchXsobRgLElEozzI.svg');"></div>
    </div>
    <div class="content-notfound">
      <h1>404</h1>
      <div class="desc">抱歉，你访问的页面不存在</div>
      <div class="main-btn">
        <el-button type="primary" @click="gomain" round>返回首页</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import { mapGetters } from "vuex";

export default {
  computed: {
    ...mapGetters(["istourism"])
  },
  methods: {
    gomain() {
      if(this.istourism){
        this.$router.push('/tahome');
      }else{
        this.$router.push('/govhome');
      }
    }
  },
  data() {
    return {};
  }
};
</script>
<style scoped>
.exception {
  display: flex;
  align-items: center;
  min-height: 500px;
  height: 80%;
}
.img-con {
  flex: 0 0 57.5%;
  width: 57.5%;
  padding-right: 152px;
  padding-top: 200px;
  zoom: 1;
}
.img-ele {
  height: 360px;
  width: 100%;
  max-width: 430px;
  float: right;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.content-notfound {
  padding-top: 200px;
  flex: auto;
}
.content-notfound h1 {
  color: #434e59;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  margin-bottom: 24px;
}
.content-notfound .desc {
  color: rgba(0, 0, 0, 0.45);
  font-size: 20px;
  line-height: 28px;
}
.content-notfound .main-btn {
  padding-top: 28px;
}
</style>
